<template>
<div class="container">
    <back-topic :topic="topic"></back-topic>
    <div style="clear:both"></div>
    <img-swiper></img-swiper>
    <div class="bottomContaienr">
        <goods-price></goods-price>
        <goods-introduce></goods-introduce>
        <goods-gifts></goods-gifts>
        <goods-specification></goods-specification>
        <goods-shipping></goods-shipping>
        <real-fast-full></real-fast-full>
        <goods-comments></goods-comments>
        <goods-detail class="goods-detail"></goods-detail>

    </div>

</div>
</template>

<script>
// 引入顶部的返回按钮
import BackTopic from '../commentCompontents/back-topic'
// 引入商品的轮播图片
import ImgSwiper from '../commentCompontents/ImgSwiper'
// 引入商品的价格模块
import GoodsPrice from '../commentCompontents/money'
// 引入商品的简介模块
import GoodsIntroduce from '../commentCompontents/goodsIntroduce'
// 引入商品的正品，满88包邮的模块
import RealFastFull from '../commentCompontents/realFastFull'
// 引入商品详情模块，
import GoodsDetail from '../commentCompontents/goodsDetail'
// 引入赠品的模块
import GoodsGifts from '../commentCompontents/goodsGifts'
// 引入商品的规格模块
import GoodsSpecification from '../commentCompontents/specification'
// 引入运费模块
import GoodsShipping from '../commentCompontents/goodsShipping'
// 引入评论模块
import GoodsComments from '../commentCompontents/goodsComments'
export default {
    name: "productDetail",
    components: {
        BackTopic,
        ImgSwiper,
        GoodsPrice,
        RealFastFull,
        GoodsIntroduce,
        GoodsDetail,
        GoodsGifts,
        GoodsSpecification,
        GoodsShipping,
        GoodsComments
    },
    data() {
        return {
            topic: '商品详情',
        }
    },
}
</script>

<style scoped>
.container {
    background-color: white;
}

.bottomContaienr {
    padding: 0 0.3rem 0 0.3rem;
}

.goods-detail {
    margin-top: .3rem;
}
</style>
